<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>注册</title>
	<link rel="stylesheet" href="/mi/css/register/register.css" />
	<link rel="stylesheet" href="/mi/css/login/login.css" />
	<link rel="icon" href="/mi/imgs/favicon.ico" type="image/x-icon" />
</head>
<body>
	<div class="register_main">
		<div class="device-frame">
			<!-- 顶部logo部分 -->
			<div class="external_logo_area">
				<a href="" class="milogo">
					<img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png" alt="">
				</a>
			</div>
			<h3 class="title_big30">注册小米账号</h3>

			<div>
				<!-- 注册界面 -->
				<div id="regbox" class="regbox" style="display: block;">
					<h4 class="tit_normal">
						国家/地区
					</h4>


					<div class="listwrap">
						<div class="listtit">
							<div id="tits" class="tits">
								<p>中国</p>

								<!-- 这里有个字体图标 -->
								<i></i>
							</div>
							


							<div class="country-container-panel">
								<div class="country-container">
									<div class="search-code">
										<input type="text" class="search-code-input" placeholder="搜索国家名字">
									</div>
	
	
									<div class="country-code">
										<div class="container countrycode-container-A">
											<div class="header">
												A
											</div>
											<ul class="list">
												<li class="record">
													<span class="record-country">阿富汗</span>
													<span class=""></span>
												</li>
												<li class="record">
													<span class="record-country">阿根廷</span>
													<span class=""></span>
												</li>
												<li class="record">
													<span class="record-country">阿联酋</span>
													<span class=""></span>
												</li>
											</ul>
										</div>
										<div class="container countrycode-container-B">
											<div class="header">
												B
											</div>
											<ul class="list">
												<li class="record">
													<span class="record-country">毕加索</span>
													<span class=""></span>
												</li>
												<li class="record">
													<span class="record-country">比利时</span>
													<span class=""></span>
												</li>
												<li class="record">
													<span class="record-country">巴西</span>
													<span class=""></span>
												</li>
											</ul>
										</div>
										<div class="container countrycode-container-C">
											<div class="header">
												C
											</div>
											<ul class="list">
												<li class="record">
													<span class="record-country">中国</span>
													<span class=""></span>
												</li>
												<li class="record">
													<span class="record-country">智利</span>
													<span class=""></span>
												</li>
												<li class="record">
													<span class="record-country">哥伦比亚</span>
													<span class=""></span>
												</li>
											</ul>
										</div>
										<div class="container countrycode-container-D">
											<div class="header">
												D
											</div>
											<ul class="list">
												<li class="record">
													<span class="record-country">丹麦</span>
													<span class=""></span>
												</li>
												<li class="record">
													<span class="record-country">多弗朗明哥</span>
													<span class=""></span>
												</li>
												<li class="record">
													<span class="record-country">多伦比亚</span>
													<span class=""></span>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>



						
					</div>


					<div class="region_tip_text">
						成功注册帐号后，国家/地区将不能被修改
					</div>
					<h4 class="tit_normal" style="margin-bottom: 0px;">
						手机号码
					</h4>


					<div class="listwrap_inside_panel">
						<div class="listwrap">
							<div class="listtit">
								<div class="tits">
									<p id="select-cycode-result">+86</p>
									<i class="icon_arrow"></i>
								</div>
							</div>

							<!-- 城市列表 -->
							<div class="country-container-panel">
								<div class="country-container">
									<div class="search-code">
										<input type="text" class="search-code-input">
									</div>
	
	
									<div class="country-code">
										<div class="container countrycode-container-A">
											<div class="header">
												A
											</div>
											<ul class="list">
												<li class="record">
													<span class="record-country">阿富汗</span>
													<span class="record-code">+78</span>
												</li>
												<li class="record">
													<span class="record-country">阿根廷</span>
													<span class="record-code">+213</span>
												</li>
												<li class="record">
													<span class="record-country">阿联酋</span>
													<span class="record-code">+521</span>
												</li>
											</ul>
										</div>
										<div class="container countrycode-container-B">
											<div class="header">
												B
											</div>
											<ul class="list">
												<li class="record">
													<span class="record-country">毕加索</span>
													<span class="record-code">+421</span>
												</li>
												<li class="record">
													<span class="record-country">比利时</span>
													<span class="record-code">+93</span>
												</li>
												<li class="record">
													<span class="record-country">巴西</span>
													<span class="record-code">+84</span>
												</li>
											</ul>
										</div>
										<div class="container countrycode-container-C">
											<div class="header">
												C
											</div>
											<ul class="list">
												<li class="record">
													<span class="record-country">中国</span>
													<span class="record-code">+86</span>
												</li>
												<li class="record">
													<span class="record-country">智利</span>
													<span class="record-code">+231</span>
												</li>
												<li class="record">
													<span class="record-country">哥伦比亚</span>
													<span class="record-code">+51</span>
												</li>
											</ul>
										</div>
										<div class="container countrycode-container-D">
											<div class="header">
												D
											</div>
											<ul class="list">
												<li class="record">
													<span class="record-country">丹麦</span>
													<span class="record-code">+52</span>
												</li>
												<li class="record">
													<span class="record-country">多弗朗明哥</span>
													<span class="record-code">+04</span>
												</li>
												<li class="record">
													<span class="record-country">多伦比亚</span>
													<span class="record-code">+84</span>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>


						<!-- 输入电话号码部分 -->
						<div class="inputbg">
							<input type="hidden" name="region" id="" value="CN">

							<label class="labelbox">
								<input id="telePhone" type="tel" placeholder="请输入手机号码">
							</label>
						</div>

						<div id="error_tip" class="err_tip" style="display: none;" >
							<div class="dis_box">
								<!-- 这里有字体图标 -->
								<em class="icon_error"></em>
								<span>请输入电话号码</span>
							</div>
						</div>
						
					</div>
					<div style="margin-bottom: 10px;"></div>
					<input id="registerBtn" type="submit" value="立即注册" class="btn332 btn_reg_1">


					<div class="privacy_box">
						<div class="msg">
							<label id="isRead" class="n_checked">
								<input id="isChecked" type="checkbox" style="margin-top: 2px;">
								<span>未阅读并同意: 小米</span>
								<a href="">用户协议</a>
								<span>和</span>
								<a href="">隐私政策</a>
							</label>
						</div>
					</div>
				</div>






				<!-- 验证码页面 -->
				<div id="regboxTwo" class="regboxTwo" style="display: none">
					<div class="step2_txt">
						<p>我们已经发送一条验证短信至<span id="getPhone" class="address-place ff6">+86 13660354891</span></p>
						<p>请输入短信中的验证码</p>
						<div class="inputcode">
							<label class="labelbox">
								<input id="inputVertifyNumber" class="resendcode" type="text" placeholder="请输入验证码" name="ticket">
							</label>
							<button class="remain" >重新发送</button>
						</div>
						<div id="errorVertifyNumber" style="display: none; color: rgb(255, 103, 0);">请检查验证码是否正确</div>
						<div class="err_tip">
							<div class="dis_box">
								<em class="icon_error"></em>
								<span>请输入短信验证码</span>
							</div>
						</div>
						<div class="sns_unavaliable">
							<a target="_blank" href="javascript:;">收不到验证码？</a>
						</div>
						<div class="fixed_bot mar_phone_dis2">
							<input id="nextStep" class="btn332 btn_reg_1  submit-step" type="submit" value="下一步">
							<input id="backToRegister" class="btn332 btn_reg_2  change-view" data-to="phone-step1" type="button" value="返回">
						</div>
					</div>
				</div>




				<!-- 设置密码页面 -->
				<div id="pwdPage" class="regboxthree" style="display: none;">
					<div class="step2_txt">
						<p>您注册的手机号码为：<span id="pwdPhone" class="address-place ff6">15879399705</span></p>
						<p class="title">请设置您的密码：</p>
						<label class="labelbox regboxthree-code">
							<input id="pwd01" class="resendcode ticket" type="password" placeholder="请输入密码" name="ticket">
						</label>
						<div class="err_tip" style="display: none;">
							<div class="dis_box">
								<em class="icon_error"></em>
								<span>请输入密码</span>
							</div>
						</div>
						<label class="labelbox regboxthree-code">
							<input id="pwd02" class="resendcode tickettwo" type="password" placeholder="请再输入一次密码" name="tickettwo">
						</label>
						<div id="errorTwoPwdOrFormat" class="err_tip">
							<div class="dis_box">
								<em class="icon_error"></em>
								<span>密码格式有误, 请重新设置</span>
							</div>
						</div>
						<p class="title_tis">密码长度8~16位,数字、字母、字符至少包含两种</p>
						<input id="pwdSubmit" class="btn332 btn_reg_1  submit-step" type="submit" value="提交">
					</div>
				</div>

				<!-- 账号显示 -->
				<div id="goToLogin" class="regbox-accunt" style="display: none;">
					<div class="step2_txt">
						<p>您的小米ID：<span class="address-place ff6">13660354891</span></p>
						<input id="goToLoginBtn" class="btn332 btn_reg_1  submit-step" type="submit" value="登录" onclick="get()">
					</div>
				</div>
			</div>
		</div>
	</div>

	<footer class="footer-wrap" style="background-color: rgb(249, 249, 249);">
		<div class="myclear">
			<ul class="lang-select-list">
				<li><a class="current" href="javascript: void(0);">简体</a>|</li>
				<li><a href="javascript: void(0);">繁体</a>|</li>
				<li><a href="javascript: void(0);">English</a>|</li>
				<li><a href="javascript: void(0);">常见问题</a>|</li>
				<li><a href="javascript: void(0);">隐私政策</a></li>
			</ul>
		</div>
		<div class="footer-intro">
			小米公司版权所有-京ICP备10046444-
			<a class="beian-record-link" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134">
				<span><img src="/mi/imgs/login/ghs.png"></span>
				京公网安备11010802020134号
			</a>
			-京ICP证110507号
		</div>
	</footer>

	<script src="/mi/plugins/jquery/jquery.min.js"></script>

	<script type="text/javascript" src="/mi/js/register/register.js"></script>
</body>
</html>